<script setup lang="ts">

</script>

<template>
  <div class="container">
    <div class="header">
      <slot name="title"></slot>
    </div>
    <div class="content ">
      详情内容:
      <slot></slot>
    </div>
    <button></button>
  </div>
</template>

<style scoped>
.container {
  width: 400px;
  height: 300px;
  border: 1px solid red;
  margin: 0 auto;
}

.container .header {
  height: 50px;
  background-color: #50a3d0;
}

.container .content {
  height: 200px;
  background-color: yellow;
}

.container button {
  width: 100px;
  height: 30px;
  background-color: rgba(109, 179, 84, 0.65);
  border: none;
}
</style>
